<template>
  <div class="info-item">
    <span class="info-item__label">{{ label }}</span>
    <span class="info-item__value">{{ value }}</span>
  </div>
</template>

<script>
export default {
  props: {
    label: {
      type: String,
      required: true
    },
    value: {
      type: [String, Number],
      default: ''
    }
  }
}
</script>

<style lang="less">
.info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 32px;
  font-family: @font-regular;
  font-weight: 400;
  color: #999999;
  line-height: 42px;

  .info-item__value {
    color: #222222;
  }
}
</style>
